<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
    <title>美食杰--登录页</title>
    <link rel="stylesheet" href="/css/landing.css">
</head>
<body>
    <!-- 上边 -->
    <div id="top">
        <a href="#" id="top_1">
            <img src="/images/lang_login_2.png" alt="">
        </a>
        <ul>
            <a href="#">首页</a>
            <a href="#">菜谱大全</a>
            <a href="#">饮食健康</a>
            <a href="#">美食菜单</a>
            <a href="#">美食达人</a>
            <a href="#">菜谱视频</a>
            <a href="#">产品下载</a>
        </ul>
    </div>
    <div id="top_2"></div>

    <p>欢迎来到美食杰<p>


    <!-- 登录框 -->
    <div id="top_3">
        <form action="">
            <h1>
                <a href="javascript:;">手机号登陆</a> &nbsp&nbsp
                <span>|</span>&nbsp&nbsp
                <a href="javascript:;">账号密码登陆</a>
            </h1>
           
            <div id="s_z_lan">
                 <!-- 手机号登陆 -->
                <div id="s_lan">
                    <input type="text" placeholder="请输入手机号" id="inp_1"><br>
                    <input type="text" placeholder="请输入验证码" id="inp_2">
                    <a href="javascript:;" id="a_1">获取验证码</a><br>
                    <input type="checkbox" id="inp_3">   <span style="color:#999;">下次自动登陆</span><a href="#" id="a_2">忘记密码？</a><br>
                    <a href="javascript:;" id="a_3">登  录</a><br>
                </div>
                <!-- 账号密码登陆 -->
                <div id="z_lan">
                        <input type="text" placeholder="请输入账号" id="inp_1"><br>
                        <input type="text" placeholder="请输入密码" id="inp_2">
                        <input type="checkbox" id="inp_3">   <span style="color:#999;">下次自动登陆</span><a href="#" id="a_2">忘记密码？</a><br>
                        <a href="javascript:;" id="a_3">登  录</a><br>
                </div>
            </div>
            

            <a href="#" id="a_4">没有账号？立即注册</a><br>
            <div id="top_3_1">
               ———————  &nbsp&nbsp&nbsp&nbsp使用第三方登录  &nbsp&nbsp&nbsp&nbsp———————
            </div>
            <ul>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </ul>
            <a href="#" id="a_5">更多第三方登录方式</a>
        </form>
        
    </div>
</body>
</html>